<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新品上架</title>
     <!-- 引入bootstrap -->
     <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

     <!-- 引入animate.css 动画效果 -->
     <link rel="stylesheet" href="./assets/css/animate.min.css" />
 
     <!-- 重置样式 -->
     <link rel="stylesheet" href="./assets/css/reset.css" />
 
     <!-- 公共样式 引入的是一个 less文件 -->
     <link rel="stylesheet/less" href="./assets/css/common.less" />
 
     <!-- 首页样式 -->
     <link rel="stylesheet/less" href="./assets/css/index2.less" />
</head>
<body>
    <header class="header" id="header">
        <div class="menu glyphicon glyphicon-th-list"></div>
        <div class="logo">
            美西时尚
        </div>
        <div class="box">
            <div class="search glyphicon glyphicon-lock"></div>
            <div class="me glyphicon glyphicon-user"></div>
        </div>
    </header>


    <div class="top">
        <div class="content">
            <div class="left">排序：新品</div>
            <div class="right"><a href="javascript:void(0)">筛选</a></div>
        </div>
    </div>

    <div class="list">
        <ul>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-026909-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Bottega Veneta</a></p>
                <div class="text"><span>￥14500.00</span></div>
            </li>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-047383-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Alexander McQueen</a></p>
                <div class="text"><span>￥1850.00</span></div>
            </li>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-047435-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Dolce&Gabbana</a></p>
                <div class="text"><span>￥1950.00</span></div>
            </li>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-047449-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Prada</a></p>
                <div class="text"><span>￥15500.00</span></div>
            </li>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-047440-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Valentino</a></p>
                <div class="text"><span>￥11800.00</span></div>
            </li>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-047316-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Salvatore Ferragamo</a></p>
                <div class="text"><span>￥8000.00</span></div>
            </li>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-047419-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Gucci</a></p>
                <div class="text"><span>￥2550.00</span></div>
            </li>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-047413-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Bally</a></p>
                <div class="text"><span>￥1100.00</span></div>
            </li>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-038474-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Burberry</a></p>
                <div class="text"><span>￥6300.00</span></div>
            </li>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-047458-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Salvatore Ferragamo</a></p>
                <div class="text"><span>￥3350.00</span></div>
            </li>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-047311-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Gucci</a></p>
                <div class="text"><span>￥8400.00</span></div>
            </li>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-033506-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Gucci</a></p>
                <div class="text"><span>￥4250.00</span></div>
            </li>
            <li>
                <a href="./index3.html"><img src="./assets/images/d-047455-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="./index3.html">Miu Miu</a></p>
                <div class="text"><span>￥8800.00</span></div>
            </li>
            <li>
                <a href="javascript:void(0)"><img src="./assets/images/d-047389-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="javascript:void(0)">Jil Sander</a></p>
                <div class="text"><span>￥2100.00</span></div>
            </li>
            <li>
                <a href="javascript:void(0)"><img src="./assets/images/d-045255-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="javascript:void(0)">Salvatore Ferragamo</a></p>
                <div class="text"><span>￥2880.00</span></div>
            </li>
            <li>
                <a href="javascript:void(0)"><img src="./assets/images/d-047186-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="javascript:void(0)">Armani</a></p>
                <div class="text"><span>￥1760.00</span></div>
            </li>
            <li>
                <a href="javascript:void(0)"><img src="./assets/images/d-047475-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="javascript:void(0)">Armani</a></p>
                <div class="text"><span>￥1050.00</span></div>
            </li>
            <li>
                <a href="javascript:void(0)"><img src="./assets/images/d-047416-1.jpg" class="img-responsive" width="90%" alt=""></a>
                <p><a href="javascript:void(0)">Fendi</a></p>
                <div class="text"><span>￥3400.00</span></div>
            </li>
        </ul>
    </div>

    <div class="jiazai">
        请稍候，商品加载中
        <img src="./assets/images/loading.gif">
    </div>


    <div class="guanyu">
        <h3>关于美西<span>400-600-6618</span></h3>
        <h3>Android客户端|电脑版</h3>
        <h3>@2022 MEIC.COM</h3>
    </div>
</body>
</html>
<!-- 引入jquery -->
<script src="./assets/js/jquery.min.js"></script>

<!-- 引入bootstrap js  -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- 引入less -->
<script src="./assets/js/less.min.js"></script>

<!-- 引入懒加载插件 -->
<script src="./assets/js/wow.min.js"></script>

<!-- 滚动视觉差插 -->
<script src="./assets/js/parallax.min.js"></script>
<!-- 制作懒加载效果 -->
<script>
    // 实例化懒加载动画效果
    new WOW().init();
</script>